<!DOCTYPE html>
<html lang="en">
{% load AppBase_tag %}
<head>
    <title>{% sitetitle_tag %}</title>
    <meta charset="utf-8">
    <!--Loading bootstrap css-->
    <link type="text/css" rel="stylesheet"
          href="/static/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/font-awesome/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/bootstrap/css/bootstrap.min.css">
    <!--LOADING STYLESHEET FOR PAGE-->
    <link type="text/css" rel="stylesheet" href="/static/vendors/intro.js/introjs.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/calendar/zabuto_calendar.min.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/sco.message/sco.message.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/intro.js/introjs.css">
    <!--Loading style vendors-->
    <link type="text/css" rel="stylesheet" href="/static/vendors/animate.css/animate.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/jquery-pace/pace.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/iCheck/skins/all.css">
    <link type="text/css" rel="stylesheet" href="/static/vendors/jquery-notific8/jquery.notific8.min.css">
    <link type="text/css" rel="stylesheet"
          href="/static/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css">
    <!--Loading style-->
    <link type="text/css" rel="stylesheet" href="/static/css/themes/style1/orange-blue.css"
          class="default-style">
    <link type="text/css" rel="stylesheet" href="/static/css/themes/style1/orange-blue.css" id="theme-change"
          class="style-change color-change">
    <link type="text/css" rel="stylesheet" href="/static/css/style-responsive.css">
    <link type="text/css" rel="stylesheet" href="/static/css/base-style.css">
    {% block page-styles %}  <!--自定义样式文件-->
    {% endblock %}
    {% block mystyle %}  <!--自定义样式-->
    {% endblock %}
    <script src="/static/js/jquery-1.10.2.min.js"></script>
    <script src="/static/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/static/js/jquery-ui.js"></script>
    <!--loading bootstrap js-->
    <script src="/static/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
    <script src="/static/js/html5shiv.js"></script>
    <script src="/static/js/respond.min.js"></script>
    <script src="/static/vendors/metisMenu/jquery.metisMenu.js"></script>
    <script src="/static/vendors/slimScroll/jquery.slimscroll.js"></script>
    <script src="/static/vendors/jquery-cookie/jquery.cookie.js"></script>
    <script src="/static/vendors/iCheck/icheck.min.js"></script>
    <script src="/static/vendors/iCheck/custom.min.js"></script>
    <script src="/static/vendors/jquery-notific8/jquery.notific8.min.js"></script>
    <script src="/static/vendors/jquery-highcharts/highcharts.js"></script>
    <script src="/static/js/jquery.menu.js"></script>
    <script src="/static/vendors/jquery-pace/pace.min.js"></script>
    <script src="/static/vendors/holder/holder.js"></script>
    <script src="/static/vendors/responsive-tabs/responsive-tabs.js"></script>
    <script src="/static/vendors/jquery-news-ticker/jquery.newsTicker.min.js"></script>
    <script src="/static/vendors/moment/moment.js"></script>
    <script src="/static/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="/static/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <!--CORE JAVASCRIPT-->
    <script src="/static/js/main.js"></script>
    <script src="/static/js/ui-generals.js"></script>

    <!--常用js-->
    <script type="text/javascript" src="/static/js/vue.js"></script>
    <script type="text/javascript" src="/static/js/lazyload.min.js"></script>
    <script type="text/javascript" src="/static/js/axios.js"></script>
    <script type="text/javascript" src="/static/js/qs.js"></script>
    <script type="text/javascript" src="/static/js/http.js"></script>
</head>
<body style="height:100%;">
<div id="app">
    <!--BEGIN TOPBAR-->
    <div id="header-topbar-option-demo" class="page-header-topbar">
        <nav id="topbar" role="navigation" style="margin-bottom: 0; z-index: 2;"
             class="navbar navbar-default navbar-static-top">
            <div class="navbar-header">
                <a id="logo" href="{% url 'index' %}" class="navbar-brand"><i class="fa fa-globe"
                                                                              style="font-size: 20pt">
                    &nbsp;{% sitetitle_tag %}</i>
                </a>
            </div>
            <div class="topbar-main">
                {% if  request.user.username != '' %}
                    <ul class="nav navbar navbar-top-links navbar-right mbn">
                        <li class="dropdown topbar-user">
                            <a data-hover="dropdown" href="#" class="dropdown-toggle"><img
                                    src="{{ request.user.img.url }}" alt=""
                                    class="img-responsive img-circle"/>&nbsp;<span
                                    class="hidden-xs"> {{ request.user.username }}</span>&nbsp;<span
                                    class="caret"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-user pull-right">
                                 <li><a href="{% url 'index' %}"><i class="fa fa-home"></i>主页</a>
                                </li>
                                 <li><a href="{% url 'my_download_data' %}"><i class="fa fa-download"></i>已下载</a>
                                </li>
                                 <li><a href="{% url 'pay_money' %}"><i class="fa fa-money"></i>充值</a>
                                </li>
                                 <li><a href="{% url 'upload_data' %}"><i class="fa fa-upload"></i>上传数据</a>
                                </li>
                                 <li><a href="{% url 'my_data' %}"><i class="fa fa-database"></i>我的数据</a>
                                </li>
                                <li><a href="{% url 'userinfo' %}"><i class="fa fa-user"></i>个人信息</a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="{% url 'logout' %}"><i class="fa fa-key"></i>注销</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                {% else %}
                    <div class="nav navbar navbar-top-links navbar-right mbn"
                         style="display: flex;justify-content: center;justify-items: center;">
                       <button type="button" class="btn btn-orange btn-outlined" style="width: 80px" onclick="login()">登录/注册</button>
                    </div>
                {% endif %}
            </div>
        </nav>
    </div>
    <!--END TOPBAR-->
    <div class="page-body">
        {% block page-content %}
        {% endblock %}
    </div>
    <div class="footer">
        <div class="copyright">2020 © little tortise amazing site</div>
    </div>

</div>
<script>
    function login() {
        window.location.href="{% url 'login' %}"
    }
</script>
{% block page-scripts %} <!--自定义脚本文件-->
{% endblock %}
</body>
</html>